﻿<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Webpack Maximal GoJS Sample</title>
<meta name="description" content="An almost maximal diagram using a every GoJS class." />
<!-- Copyright 1998-2020 by Northwoods Software Corporation. -->
<meta charset="UTF-8">

<script src="maximal.js"></script>

<script>
  window.onload = function() {
    // window.init() was created in maximal.js, which was built from maximal.ts with webpack. See readme for details.
    init();
  }
</script>

</head>
<body>
<div id="sample">
  <!-- The DIV for the Diagram needs an explicit size or else we won't see anything.
       This also adds a border to help see the edges of the viewport. -->
  <div id="myDiagramDiv" style="border: solid 1px black; width:400px; height:400px"></div>

  <p>
    This sample uses a JavaScript file that is built with Webpack. If you do not see a diagram, you may need to build first. See the <a href="./readme.md">readme.md in this directory</a> for details.
  </p>

  <p>
    This maximal sample builds from source with all GoJS modules.
    As a result, the build JavaScript is large, but all functionality is present.
  </p>

  <p>
    The <a href="./maximal-index.ts">maximal-index.ts</a> displays how to include every GoJS module into a build.
  </p>

  <p>
    For an example of building GoJS from source with as few modules as possible,
    see the <a href="../minimalSource/minimal.html">Minimal project</a> adjacent to this directory.
  </p>

</div>
</body>
</html>